<template>
  <div id="">
    <headerbox :headerTitle="'地址管理'" :hasBack='true' :addIcon='true' @addEvent="addEvent"></headerbox>

    <addressItem v-for="addrItem in addrArr" :key="addrItem.key"></addressItem>

    <router-view class="childrenPage"></router-view>
  </div>
</template>
<script>
import {toChildrenPage} from '@/utils/util';
export default {
  name: "",
  data: () => ({
    addrArr:[{
      name:'陈先生',
      phone:'13258462125',
      isDel:true,
      address:'福建省泉州市丰泽区',
    },{
      name:'陈先生',
      phone:'13258462125',
      isDel:true,
      address:'福建省泉州市丰泽区',
    }],
  }),
  components: {
    headerbox:()=>import('@/components/header_footer/header'),
    addressItem:()=>import('./addressItem'),
  },
  methods: {
    addEvent() {
      toChildrenPage(this,'addAddress');
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
